<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
	<title><%=ProConfig.PROJECT_NAME %></title>
	<%@ include file="/WEB-INF/wechat/iot/common/resource_lib.jsp"%>
	<style type="text/css">
		.container{
			background: #000;
		}
		.sensor-container{
			background: transparent;width:100%;
		}
		.sensor-container img{
			vertical-align: middle;margin: 0 0 0 10px;width: 35px;
		}
		.sensor-container .sensor-name{
			margin-left: 15px;font-size: 14px; 
		}
		.sensor-container .sensor-value{
			float: right;font-size: 24px;margin-right: 10px; color: #008fcd;
		}.sensor-container .sensor-type{
			float: right;font-size: 20px;margin-right: 13px;
		}
		.sensor-container img.sensor-control{
			float: right;  padding-right: 13px;;
		}
		.weui-media-box{
			padding: 7px;
		}
		
		.tempdata{
			font-size: 12px;
		    color: #666;
		    text-align: center;
		    padding: 10px;
		}
		.weui-panel.weui-panel_access.active .weui-panel__bd {
			display: none;
		}
		.weui-panel.weui-panel_access.active .weui-panel__hd{
			
		}
		.detail-line{
			padding-left: 20px;
			padding-top: 3px;
			font-size: 14px;
		}
	</style>
</head>
<body>
	<div class="t-c title-info" >
		<span>视频直播</span>
		<div class="back" onclick="forwardBack()" style=" position: fixed;top: 0px;" >
		返回</div>
		
	</div>
	<div style="height: 50px;"></div>
	<div class="container">
		<video id="video" class="vjs-tech" width="100%" height="100%" controls="controls" autoplay="autoplay" 
			 x-webkit-airplay="true" x5-video-player-fullscreen="true" preload="auto" playsinline="true" webkit-playsinline x5-video-player-typ="h5" >
			<source src="${info.data.hls_url }"></source>
		</video>
		
		<div class="jui-detail_get" style="background: #fff;padding:15px;padding-bottom: 20px;color: #666;" data-options=" url:'/video?id=$videoId$',success:'successfunc' "  >
			<div>
				<p>摄像头信息</p>
			</div>
			<div class="detail-line" style="margin-top: 20px;">
				<span>项目名称：</span>
				<span type-name="scene_name" type-value='h'></span>
			</div>
			<div class="detail-line">
				<span>视频名称：</span>
				<span type-name="name" type-value='h'></span>
			</div>
		</div>
		
	</div>
	
</body>
	<script type="text/javascript">
	
	var videoId =  GetQueryString("id");
	// 场景id
	var sid =  GetQueryString("sid");
	
	function successfunc(data){
		//console.log(data);
// 		$("#video source").attr("src",data.data.hls_url);
// 		$("#video").autoplay();
	}
	
	function forwardBack(){
		forward('/wiot/video?id='+ sid);
	}
	
	</script>
</html>